<!--
 * @Description: 通用管理设置主页
 * @version: 电子名片2.1
 * @Author: 付小清
 * @Date: 2020-10-30 14:25:47
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-06-03 14:58:32
-->

<template>
  <div class="mainbox">
    <div class="table-box">
      <el-tabs v-model="tabVal">
        <el-tab-pane v-for="( item, index ) in tabList" :key="index" :label="item.label" :name="item.value" />
      </el-tabs>
      <Region v-if="tabVal == 'region'" />
      <SensitiveWorld v-else-if="tabVal == 'SensitiveWorld'" />
      <ThirdParty v-else-if="tabVal == 'thirdParty'" />
      <LimitSetting v-else-if="tabVal == 'limitSetting'" />
      <VersionSetting v-else-if="tabVal == 'versionSetting'"/>
      <Short2 v-else-if="tabVal == 'short2'" />
      <Short v-else-if="tabVal == 'short'" />
      <Shroff v-else-if="tabVal == 'shroff'" />
      <Weather v-else-if="tabVal == 'weather'" />
      <MessageSetting v-else-if="tabVal == 'messageSetting' " />
      <Festival v-else-if="tabVal == 'festival'" />
      <ProtocolSettings v-else-if="tabVal == 'PROTOCOL'" />
    </div>
  </div>
</template>

<script>
// 组件引入
import Region from './GeneralSet/Region'
import SensitiveWorld from './GeneralSet/SensitiveWorld'
import ThirdParty from './GeneralSet/ThirdParty'
import VersionSetting from './GeneralSet/VersionSetting'
import Short2 from './GeneralSet/Short2'
import Short from './GeneralSet/Short'
import Shroff from './GeneralSet/Shroff'
import Weather from './GeneralSet/Weather'
import LimitSetting from './GeneralSet/LimitSetting';
import MessageSetting from './GeneralSet/MessageSetting.vue'
import Festival from './GeneralSet/Festival.vue'
import ProtocolSettings from './GeneralSet/ProtocolSettings.vue'

export default {
  components: {
    Region,
    SensitiveWorld,
    ThirdParty,
    VersionSetting,
    Short2,
    Short,
    Shroff,
    Weather,
    LimitSetting,
    MessageSetting,
    Festival,
    ProtocolSettings
  },
  data() {
    return {
      tabVal: 'region',
      tabList: [
        { label: '行政区域设置', value: 'region' },
        // { label: '行业设置', value: 'business' },
        // { label: '职位设置', value: 'position' },
        { label: '节日设置', value: 'festival' },
        // { label: '第三方设置', value: 'thirdParty' },
        
        // { label: '天气预报设置', value: 'weather' },
        { label: '短信平台设置', value: 'short2' },
        { label: '短信模板设置', value: 'short' },
        { label: '协议设置', value: 'PROTOCOL' },
        { label: '收款账号设置', value: 'shroff' },
        // { label: '限制设置', value: 'limitSetting' },
        { label: '版本设置', value: 'versionSetting' },
        { label: '平台端信息设置', value: 'messageSetting' }
      ]

    }
  }
}
</script>
<style lang="scss">

</style>

